<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Web, Dojo, Special Problem" />
		<meta name="description" content="A web-based UML diagramming tool" />
		<meta name="author" content="Robenie D. Fernandez; Rodolfo N. Duldulao, Jr." />
		<title>Getting Started</title>
		<link rel="stylesheet" type="text/css" href="../../lib/help.css" />
	</head>
	<body>
		<h2 style="color:#3366CC">Getting Started With UML WebStudio</h2>
		<br />
		<p>
			To get started you could just open a project. There are two sample projects that could be opened (but not saved).
			Or you could just create your own project so you could fully explore the capabilities of UWS.
		</p>
		<br />
		<h2 style="color:#3366CC">Creating your own project</h2>
		<ol>
			<li>Click create File -&gt; New Project</li>
			<li>Enter the project name</li>
			<li>Right click the project name on the left pane.</li>
			<li>Click create File -&gt; Save Project</li>
		</ol>
		
		<br />
		<h2 style="color:#3366CC">Adding diagrams to your project</h2>
		<ol>
			<li>Right click the project name on the left pane.</li>
			<li>Click Add New Diagram</li>
			<li>Enter the diagram name and select its type then click Ok</li>
			<li>
				A new drawing area will appear. From the drawing area's toolbar, click a component then click
				anywhere in the drawing area
			</li>
			<li>Save the project again</li>
		</ol>
		<br />
		
		<h2 style="color:#3366CC">Other operations</h2>
		<ul>
			<li>
				To delete an object, right click its name on the left pane then click Delete.
				<br /><br />
			</li>
			<li>
				To change an object's properties, select it on the drawing area. The editable properties of the object
				will appear on the right side. Edit the properties and don't forget to click Apply.
				<br /><br />
			</li>
			<li>
				The Class diagram and the SQL ERD have special features that enables them to become more useful.
				The Class diagram can produce zipped Java classes that are based on the diagram itself. The SQL ERD can 
				produce an MySQL create script based again, on the diagram itself. To access these functionalities, right click
				the diagram's name on the left. Then click Generate SQL Create Script/Generate Java Classes.
				<br /><br />
			</li>
			<li>
				Every diagram could be saved as an SVG image. Just right click the diagram name on then left pane then select
				Save as SVG. It will open a new window that contains the raw SVG code. Open Notepad (or equivalent), copy the
				code and save it as &lt;yourname&gt;.svg.
				<br /><br />
			</li>
		</ul>
		
		<br />
		<br />
		<br />
		<br />
		<a href="index.html">Back to Help Contents</a>
	</body>
</html>